<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧法院</title>
    <link href="${ctxPath}/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/style.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/animate.css" rel="stylesheet">
    <link href="${ctxPath}/static/fonts/css/font-awesome.css" rel="stylesheet">
    <script data-main="${ctxPath}/static/js/main" src="${ctxPath}/static/js/require.js"></script>
    <script src="${ctxPath}/static/js/common/secCtrl.js"></script>
    <script src="${ctxPath}/static/js/common/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body class="gray-bg">
<div class="middle-box loginscreen text-center center-block">
    <h3 class="logo img-responsive"><img class="" src="/static/images/blogo.png"/></h3>
    <div class="tabbable" id="tabs">
        <ul class="nav nav-tabs">
            <li class="active">
                <a href="#userLogin" data-toggle="tab">账号登录</a>
            </li>
            <li>
                <a href="#ukeyLogin" data-toggle="tab">UKEY登录</a>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="userLogin">
                <div class="m-t-md">
                    <form role="form" method="post">
                        <div class="form-group">
                            <input type="text" name="userName" class="form-control input-lg" placeholder="账号" required="required">
                        </div>
                        <div class="form-group">
                            <input type="password" name="password" class="form-control input-lg" placeholder="密码" required="required">
                        </div>
                        <div class="form-group text-left">
                            <input type="checkbox" id="rememberMe" name="rememberMe" checked="checked">
                            <label>记住登录</label>
                        </div>
                        <button type="submit" class="btn btn-primary btn-lg btn-block">用户名登陆</button>
                    </form>
                </div>

            </div>
            <div class="tab-pane" id="ukeyLogin">
                <div class="m-t-md">
                    <form role="form" method="post">
                        <input type="hidden" id="ukey" name="ukey" value=""/>
                        <div class="form-group text-center text-danger bg-danger">
                            请插入UKEY点击登录，并在弹窗中输入密码。
                        </div>
                        <button type="button" id="ukeySubmit" class="btn btn-success btn-block">UKEY登陆</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
   <h3 class="text-danger" id="errorMessage">${errorMessage!}</h3>
    <div class="m-t text-center">洛龙区行政服务中心 &copy; 2008-${date(),"yyyy"}</div>
</div>
<script type="text/javascript">
    //页面JS调用
    require(['index/index'], function (index) {
        index.main();
    });
</script>
</body>
</html>